<template>
  <div class="pageOne">
    <div class="one-tit">
    质量评价中心
    </div>
    <div class="pg-one-content clearfix">

    </div>
    <!--*****************地图********************-->
    <div class="map-box">
      <div class="madel-box" v-show="madelShow">

      </div>
      <!--<div class="map1" ref="mapBox">-->

      <!--</div>-->
      <!--<div class="map2" ref="mapBox2">-->

      <!--</div>-->
      <p class="jizou" :class="{'hoverCity':isOver}">冀州区</p>
      <p class="gucheng" :class="{'hoverCity':isOver1}">故城县</p>
      <div class="map3" ref="mapBox3">

      </div>
      <div class="jigou-btn-box" v-show="alertBoxShow">
        <div class="jigou-btn" v-for="(item,key) in jigouList">
          <img v-if="key!='zhuxiao'" class="guang" src="../assets/img/guang.png" alt="">
          <p v-if="key=='jigou'">机构数</p>
          <p v-if="key=='xinzeng'">新增</p>
          <p v-if="key=='zhuxiao'">注销</p>
          <p class="right-num" v-if="key=='jigou'">{{item}}<span class="home">家</span></p>
          <p class="right-num" v-if="key=='xinzeng'">{{item}}<span class="home">家</span></p>
          <p class="right-num" v-if="key=='zhuxiao'">{{item}}<span class="home">家</span></p>
        </div>
      </div>
      <div class="btn-groupd">
        <a href="javascript:;" @click.stop="getDataPer(1)">各区县机构数</a>
        <a href="javascript:;" @click.stop="getDataPer(2)">新增/注销机构排名</a>
        <a href="javascript:;" @click.stop="getDataPer(3)">
          <p>新增/注销机构</p>
          <p>行业占比</p>
        </a>
      </div>
      <div class="newCreate-box" v-show="newAddShow">
        <div class="xzjgStyle" ref="xzjgzb">

        </div>
        <div class="xzjgStyle" ref="zxjgzb">

        </div>
      </div>
      <div class="newCreate-box" v-show="logoutShow">
        <div class="xzjgStyle" ref="addJg">

        </div>
        <div class="xzjgStyle" ref="logoutJg">

        </div>
      </div>
    </div>
    <!--*****************地图********************-->
    <div class="pull-left">
      <div class="img-box">
        <div  class="hsh-img">

        </div>
        <p class="img-info">
          衡水市位于河北省东南部，总面积8815平方公里，总人口407万,像一颗璀璨的明珠，镶嵌在广阔的华北平原上。
          衡水，物华天宝，人杰地灵，她以其悠久的历史，灿烂的文化，孕育了像董仲舒、孔颖达、高适等数不尽的风流人物；以其浓厚的资源，富饶的物产，使人民世代繁衍，安居乐业；古朴淳厚的燕赵之风，造就了衡水人勤劳智慧，热情诚挚的性格。几度沧海桑田，几度风霜雨雪。衡水人继往开来，发奋图强，在这片古老而神气的热土上播种下希望，创造出辉煌。
          党的十一届三中全会以来，衡水人乘改革开放之强势，挟“慷慨悲歌”之遣风,艰苦奋斗，自强不息，为衡水大地增添了勃勃生机。如今，这里工业体系门类齐全，农业生产蒸蒸日上，交通通讯四通八达，城市建设日新月异，人民群众精神饱满。
        </p>
      </div>
      <ul class="jgNum-box clearfix">
        <li :class="{'animationRoate':isAnimation===index}" v-for="(val,key,index) in jgNumList" v-if="titList[key]" @mouseover="addAnimation(index)" @mouseout="removeAnimation()">
        <span class="jgnum-tit">
          {{titList[key]}}
        </span>
          <span class="jg-body">
          {{val}}
        </span>
          <span class="jgnum-ft"></span>
        </li>
      </ul>
      <div class="scatter-box">
        <div class="topScatter-box">
          <div class="moduleTit-box">
            <div class="module-tit">
              <img src="../assets/img/tit-point.png" alt="">
              <span>上月创业热门行业前五名</span>
              <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
            </div>
          </div>
          <div class="topScatter" ref="topScatter">

          </div>
        </div>
        <div class="topScatter-box">
          <div class="moduleTit-box">
            <div class="module-tit">
              <img src="../assets/img/tit-point.png" alt="">
              <span>上月创业热门片区前五名</span>
              <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
            </div>
          </div>
          <div class="topScatter" ref="topScatter1">

          </div>
        </div>
      </div>
    </div>
    <div class="pull-right right-box">
      <div class="pie-box">
        <div class="moduleTit-box">
          <div class="module-tit">
            <img src="../assets/img/tit-point.png" alt="">
            <span>所有机构的主营产业占比</span>
            <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
          </div>
        </div>
        <div class="institution-pie" ref="institution">

        </div>
      </div>
      <div class="institNum-box">
        <div class="moduleTit-box">
          <div class="module-tit">
            <img src="../assets/img/tit-point.png" alt="">
            <span>各类机构数</span>
            <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
          </div>
        </div>
        <div class="institNum" ref="institNum">

        </div>
      </div>
      <div class="instiType-box">
        <div class="type-btn-box">
          <a href="javascript:;" :class="{'Afocus':aFocus===1}" @click="tabTypeFun(1)">经济组织</a>
          <a href="javascript:;" :class="{'Afocus':aFocus===2}" @click="tabTypeFun(2)">政府组织</a>
          <a href="javascript:;" :class="{'Afocus':aFocus===3}" @click="tabTypeFun(3)">社会机构组织</a>
        </div>
        <div class="moduleTit-box">
          <div class="module-tit">
            <img src="../assets/img/tit-point.png" alt="">
            <span>新增机构类型分布</span>
            <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
          </div>
        </div>
        <div class="instiType" ref="instiType">

        </div>
      </div>
      <div class="moduleTit-box hs-top-tit">
        <div class="module-tit">
          <img src="../assets/img/tit-point.png" alt="">
          <span>衡水十大特色产业分布机构数、营业额</span>
          <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
        </div>
      </div>
      <div class="hs-top10">
        <div class="topInstit" ref="topInstit">

        </div>
        <div class="topBusiness" ref="topBusiness">

        </div>
      </div>
    </div>
    <div class="table-box" ref="tableBox">
      <a href="javascript:;" class="close-table" @click="closeTable">
        <img src="../assets/img/close.png" alt="">
      </a>
      <div class="table-tit">
        <span>序号</span>
        <span>企业名称</span>
        <span>统一代码</span>
        <span>法人</span>
        <span>注册地址</span>
      </div>
      <ul class="tb-list-box">
        <li v-for="item in tableData">
          <span>{{item.num}}</span>
          <span>{{item.pName}}</span>
          <span>{{item.daima}}</span>
          <span>{{item.faren}}</span>
          <span>{{item.address}}</span>
        </li>
      </ul>
      <div class="table-ft">
        <a href="javascript:;" class="left-btn" @click="prePage">
          <img v-show="pageIndex>1" src="../assets/img/left.png" alt="">
          <img v-show="pageIndex==1" src="../assets/img/left-disable.png" alt="">
        </a>
        <i>{{pageIndex}}</i>
        <a href="javascript:;" class="right-btn" @click="nextPage">
          <img v-show="pageIndex<pageAll" src="../assets/img/right.png" alt="">
          <img v-show="pageIndex==pageAll" src="../assets/img/right-disable.png" alt="">
        </a>
        <strong>共 {{pageAll}} 页</strong>
        <strong class="all-page">共 2000 条</strong>
      </div>
    </div>
  </div>
</template>

<script>
import {hengshui} from "@/json/hengshui";
import {setOptionTop1,setOptionTop,instituOption,InstitNumOption,typeOption,TopOption,TopOption1,newAddoption,logoutOption,addJgOption,lououtJgOption} from '@/lib/js/until';
export default {
  name: 'pageOne',
  data () {
    return {
      isOver:false,
      isOver1:false,
      madelShow:false,
      symbolSize:100,
      isScatter:true,
      aFocus:1,
      interVal:'',
      interVal1:"",
      interVal2:'',
      isAnimation:1000,
      pageIndex:1,
      pageAll:100,
      tableData:[],
      topImgList:[require('../assets/img/1.png'),require('../assets/img/2.png'),require('../assets/img/3.png'),require('../assets/img/4.png'),require('../assets/img/5.png'),require('../assets/img/6.png'),require('../assets/img/7.png'),require('../assets/img/8.png'),require('../assets/img/9.png'),require('../assets/img/10.png'),require('../assets/img/11.png')],
      mapJgList:{
        "anping":{
          jg:28826,
          xz:671,
          zx:62,
          top:1
        },"raoyang":{
          jg:8795,
          xz:297,
          zx:69,
          top:8
        },"senzhou":{
          jg:12461,
          xz:623,
          zx:79,
          top:6
        },"wuqiang":{
          jg:5785,
          xz:149,
          zx:20,
          top:11
        },"wuyi":{
          jg:8234,
          xz:228,
          zx:20,
          top:9
        },"fucheng":{
          jg:6973,
          xz:258,
          zx:49,
          top:10
        },"taocheng":{
          jg:27641,
          xz:875,
          zx:73,
          top:2
        },"jingxian":{
          jg:17302,
          xz:1120,
          zx:54,
          top:3
        },"jizhou":{
          jg:10941,
          xz:316,
          zx:94,
          top:7
        },"zhaoqiang":{
          jg:12524,
          xz:443,
          zx:94,
          top:5
        },"gucheng":{
          jg:12594,
          xz:551,
          zx:33,
          top:4
        }
      },
      alertBoxShow:true,
      newAddShow:false,
      logoutShow:false,
      aSpanList:[
        {'style':'map-alert1',name:"anping"},{"style":'map-alert2',name:'raoyang'},{"style":'map-alert3',name:'senzhou'},{"style":'map-alert4',name:'wuqiang'},{"style":'map-alert5',name:'wuyi'},{style:'map-alert6',name:'fucheng'},{style:'map-alert7',name:'taocheng'},{style:'map-alert8',name:'jingxian'},{style:'map-alert9',name:'jizhou'},{style:'map-alert10',name:'zhaoqiang'},{style:'map-alert11',name:'gucheng'}],
      msg: 'pageOne',
      titList:{
          "jgNum":"机构总数",
          "cyNum":"产业种类",
          "frNum":"法人数",
          "hyNum":"行业种类",
          "qtzzNum":"其他组织",
          "yyeNum":"营业额",
          "zrrsNum":'自然人数',
          "xslrNum":'销售利润'
      },
      jgNumList:{
        "jgNum":'162337家',
        "cyNum":'12种',
        "frNum":'142300个',
        "hyNum":'92种',
        "qtzzNum":'20037家',
        "yyeNum":'723亿',
        "zrrsNum":'4070000个',
        "xslrNum":'514亿'
      },
      topData:[
        {
          name:'纺织、服装\n及日用零售',
          value:570
        },
        {
          name:'理发及\n美容服务',
          value:408
        },
        {
          name:'食品、饮料\n及烟草零售',
          value:322,
        },
        {
          name:'餐饮业',
          value:270
        },
        {
          name:'综合零售',
          value:246
        }
      ],
      topData1:[
        {
          name:'景县',
          value:1120
        },
        {
          name:'桃城区',
          value:875
        },
        {
          name:'安平县',
          value:671,
        },
        {
          name:'深州市',
          value:623
        },
        {
          name:'故城县',
          value:551
        }
      ],
      inStitucolor:[
        {
        type: 'linear',
        x: 0,
        y: 0,
        x2:1,
        y2:1,
        colorStops: [{
          offset: 0, color: '#fa827e' // 0% 处的颜色
        }, {
          offset: 1, color: '#f7cdcb' // 100% 处的颜色
        }],
      },{
        type: 'radial',
        x: 0,
        y: 0,
        r: 1,
        colorStops: [{
          offset: 0, color: '#36b33a' // 0% 处的颜色
        }, {
          offset: 1, color: '#ade6f8' // 100% 处的颜色
        }],
      },{
        type: 'radial',
        x: 0,
        y: 0,
        r: 1,
        colorStops: [{
          offset: 0, color: '#76c999' // 0% 处的颜色
        }, {
          offset: 1, color: '#bab6d3' // 100% 处的颜色
        }],
      },{
        type: 'radial',
        x: 0,
        y: 0,
        r: 1,
        colorStops: [{
          offset: 0, color: '#fddb7a' // 0% 处的颜色
        }, {
          offset: 1, color: '#fef5d8' // 100% 处的颜色
        }],
      }],
      instituData:[
        {
          name:'农业',
          value:29800,
          pertent:'26.9%'
        },
        {
          name:'开采业',
          value:17867,
          pertent:'21.5%'
        },
        {
          name:'制造业',
          value:44379,
          pertent:'33.2%'
        },
        {
          name:'供应业',
          value:1637,
          pertent:'1.5%'
        },
        {
          name:'建筑业',
          value:1200,
          pertent:'1.3%'
        },
        {
          name:"服务业",
          value:55665,
          pertent:'36.5%'
        },
        {
          name:"运输业",
          value:2776,
          pertent:'2.1%'
        },
          {
              name:"高新服务业",
              value:1989,
            pertent:'0.9%'
          },
          {
              name:"金融业",
              value:1590,
            pertent:'0.66%'
          },
          {
              name:"房地产业",
              value:1378,
            pertent:'0.54%'
          },
          {
              name:"管理业",
              value:2789,
            pertent:'1.6%'
          },
          {
              name:"机关单位",
              value:1267,
            pertent:'0.81%'
          }
      ],
      typeOptionData:[
        {
          name:"企业",
          data:[1560,1336,987,802,1560,900,899,1560,802,1336,1786,1555]
        },
        {
          name:"个体工商户",
          data:[2885,2653,1235,1355,2885,1555,2523,2885,1355,2653,4302,4262]
        },
        {
          name:"农民专业合作社",
          data:[62,34,6778,14,62,14,67,62,14,34,42,82]
        },
        {
          name:"同比",
          data:[-9.41, 12.21,8.41,8.23,-8.41,9.23,7.41,-10.41,8.23,10.21,12.45,1]
        },
        {
          name:"环比",
          data:[2.23, 32.03,1.23,-1.76,0.23,-2.76,3.23,1.23,-1.76,46.03,34.37,-3.91]
        }
      ],
      typeOptionData1:[],
      typeOptionData2:[],
      newAddData:[
        {
          name:"食品制造业",
          value:22.68
        },{
          name:"餐饮业",
          value:49.64
        },{
          name:"高新服务业",
          value:13.2
        },{
          name:"金融业",
          value:5.29
        },{
          name:"农业",
          value:20.4
        }
      ],
      logoutData:[
        {
          name:"渔业",
          value:5.06
        },{
          name:"仓储业",
          value:8.33
        },{
          name:"纺织业",
          value:11.16
        },{
          name:"餐饮业",
          value:26.49
        },{
          name:"家具制造业",
          value:13.24
        },{
              name:"农副产品加工业",
              value:5.36
          },{
              name:"食品制造业",
              value:22.77
          },{
              name:"纺织业",
              value:7.59
          }
      ],
      topTenData:[
        {
          name:'丝网',
          value:526
        },{
          name:'玻璃钢',
          value:733,
        },{
          name:'工程橡胶',
          value:425,
        },{
          name:'采暖铸造',
          value:887,
        },{
          name:'纺织服装',
          value:833,
        },{
          name:'化工制药',
          value:654,
        },{
          name:'金属制品',
          value:1002,
        },{
          name:'汽拖配件',
          value:976,
        },{
          name:'食品饮品',
          value:1224,
        },{
          name:'工艺美术',
          value:590,
        }
      ],
      topTenData1:[
        {
          name:'丝网',
          value:56,
        },{
          name:'玻璃钢',
          value:45,
        },{
          name:'工程橡胶',
          value:34,
        },{
          name:'采暖铸造',
          value:25,
        },{
          name:'纺织服装',
          value:77,
        },{
          name:'化工制药',
          value:67,
        },{
          name:'金属制品',
          value:81,
        },{
          name:'汽拖配件',
          value:42,
        },{
          name:'食品饮品',
          value:86,
        },{
          name:'工艺美术',
          value:35,
        }
      ],
      addJgData:[
        {
           name:'开发区',
           realData:235
        },{
           name:'桃城区',
           realData:875
        },{
           name:'冀州区',
           realData:316
         },{
            name:'滨湖新区',
            realData:54
         },{
            name:'武邑',
            realData:228
          }
      ],
      looutJgData:[
          {
              name:'开发区',
              realData:25
          },{
              name:'桃城区',
              realData:73
          },{
              name:'冀州区',
              realData:94
          },{
              name:'滨湖新区',
              realData:5
          },{
              name:'武邑',
              realData:12
          }
      ],
      jigouList:{
        jigou:27641,
        xinzeng:875,
        zhuxiao:73
      }
    }
  },
  mounted(){
    //地图
    this.$echarts.registerMap('hengshui',hengshui);
//    let option={
//      title: {
//        text: '衡水市地图'
//      },
//      name:"衡水市",
//      series:[
//        {
//          type: 'map',
//          aspectScale:0.8,
//          map:'hengshui',
//          label:{
//            show:false,
//          },
//          itemStyle:{
//            areaColor:'rgba(9,32,77,.82)',
////            borderWidth:0,
////            shadowBlur:10,
////            shadowColor:'#21ffff',
////            shadowOffsetX:10,
////            shadowOffsetY:10
//          },
//        },
//      ]
//    }
//    let myChart = this.$echarts.init(this.$refs.mapBox);
//    myChart.setOption(option);
//    let option2={
//      title: {
//        text: '衡水市地图'
//      },
//      name:"衡水市",
//      series:[
//        {
//          type: 'map',
//          aspectScale:0.8,
//          map:'hengshui',
//          label:{
//            show:false,
//          },
//          itemStyle:{
//            areaColor:'rgba(20,114,175,0.32)',
//            borderWidth:0,
//            shadowBlur:30,
//            shadowColor:'#21ffff',
//            shadowOffsetX:10,
//            shadowOffsetY:10
//          },
//        },
//      ]
//    }
//    let myChart1 = this.$echarts.init(this.$refs.mapBox2);
//    myChart1.setOption(option2);
    let option3={
      title: {
        text: '衡水市地图'
      },
      name:"衡水市",
      series:[
        {
          type: 'map',
          aspectScale:0.83,
          map:'hengshui',
          label:{
            show:true,
            color:'#b4f9ff',
            fontSize:50,
            position:'top'
          },
          emphasis:{
            label:{
              color:'#974d21',
              fontSize:50,
            },
            itemStyle:{
              areaColor:'#f6b37f',
            }
          },
          itemStyle:{
            areaColor:'rgba(20,114,175,.8)',
            borderColor:'#83c7f3',
            borderWidth:2,
//            shadowBlur:1,
//            shadowColor:'#83c7f3',
//            shadowOffsetX:1
          },
          data:[
            {
              name:'冀州区',
              label:{
                show:false
              }
            },
            {
              name:'景县',
            },
            {
              name:'安平县',
            },
            {
              name:'阜城县',
            },
            {
              name:'故城县',
              label:{
                show:false,
              }
            },
            {
              name:'饶阳县',
            },
            {
              name:'深州市',
            },
            {
              name:'桃城区',
            },
            {
              name:'武强县',
            },
            {
              name:'枣强县',
            },
            {
              name:'武邑县',
            },
          ]
        },
      ]
    }
    let myChart2 = this.$echarts.init(this.$refs.mapBox3);
    myChart2.setOption(option3);
    let _that=this;
    myChart2.on('click',function(params){
      _that.alertBoxShow=false;
      _that.alertTable()
    });
    myChart2.on('mouseover',function(params){
      switch(params.name){
        case '冀州区':
          _that.isOver=true;
          _that.jigouList={
              jigou:10941,
              xinzeng:316,
              zhuxiao:94
          };
          break;
        case '景县':
          _that.jigouList={
            jigou:17302,
            xinzeng:1120,
            zhuxiao:54
          };
          break;
        case '安平县':
          _that.jigouList={
            jigou:28826,
            xinzeng:671,
            zhuxiao:62
          };
          break;
        case '阜城县':
          _that.jigouList={
            jigou:6973,
            xinzeng:258,
            zhuxiao:49
          };
          break;
        case '故城县':
          _that.isOver1=true;
          _that.jigouList={
            jigou:12594,
            xinzeng:551,
            zhuxiao:33
          };
          break;
        case '饶阳县':
          _that.jigouList={
            jigou:8795,
            xinzeng:297,
            zhuxiao:69
          };
          break;
        case '深州市':
          _that.jigouList={
            jigou:12461,
            xinzeng:623,
            zhuxiao:79
          };
          break;
        case '桃城区':
          _that.jigouList={
            jigou:27641,
            xinzeng:875,
            zhuxiao:73
          };
          break;
        case '武强县':
          _that.jigouList={
            jigou:5785,
            xinzeng:149,
            zhuxiao:20
          };
          break;
        case '枣强县':
          _that.jigouList={
            jigou:12524,
            xinzeng:443,
            zhuxiao:94
          };
          break;
        case '武邑县':
          _that.jigouList={
            jigou:8234,
            xinzeng:228,
            zhuxiao:20
          };
          break;
      }
    });
    myChart2.on('mouseout',function(params){
      switch(params.name){
        case '冀州区':
          _that.isOver=false;
          break;
        case '故城县':
          _that.isOver1=false;
          break;
      }
    });
    //创业热门
    setOptionTop.series[0].data.forEach((item,index)=>{
      item.name=this.topData[index].name;
      item.value[2]=this.topData[index].value/2;
    })
    this.createCanvas(setOptionTop,'topScatter')
    setOptionTop1.series[1].data.forEach((item,index)=>{
      item.name=this.topData1[index].name;
      item.value[2]=this.topData1[index].value/4;
    })
    this.createCanvas(setOptionTop1,'topScatter1')
    // 主营产业占比
    let inStitucolor=this.inStitucolor;
    let colorIndex=0;
//    instituOption.series[0]['color']=[];
    this.instituData.forEach((item,index)=>{
      let js={
        name:item.name,
        value:item.value,
        pertent:item.pertent,
        itemStyle:{
          color:''
        }
      }
      if(colorIndex>3)
        colorIndex=0;
        js['itemStyle']['color']=inStitucolor[colorIndex]
//      instituOption.series[0]['itemStyle']['color']=inStitucolor[colorIndex]
      colorIndex++
      instituOption.series[0].data.push(js)
    });
    this.createCanvas(instituOption,'institution')
    //各类机构数
    this.createCanvas(InstitNumOption,'institNum')
    //机构类型
    this.tabTypeFun(1)
    //衡水top10
    //top10机构数
    TopOption.series[0].data.forEach((item,index)=>{
      item['name']=this.topTenData[index].name;
      item['value']=this.topTenData[index].value;
    });
    this.createCanvas(TopOption,'topInstit');
    //top10营业额
    TopOption1.series[0].data.forEach((item,index)=>{
      item['name']=this.topTenData1[index].name;
      item['value']=this.topTenData1[index].value;
    });
    this.createCanvas(TopOption1,'topBusiness')
    //新增机构占比
    newAddoption.series[0].data.forEach((item,index)=>{
      item.name=this.newAddData[index].name;
      item.value=this.newAddData[index].value;
    });
    this.createCanvas(newAddoption,'xzjgzb')
    //注销机构行业占比
    logoutOption.series[0].data.forEach((item,index)=>{
      item.name=this.logoutData[index].name;
      item.value=this.logoutData[index].value;
    });
    this.createCanvas(logoutOption,'zxjgzb');
    //上月新增机构
    this.addJgData=this.addJgData.sort((a, b)=>{
      return b.realData-a.realData
    });
    addJgOption.series[0].data.forEach((item,index)=>{
      item.realData=this.addJgData[index].realData;
    });
    addJgOption.series[1].data.forEach((item,index)=>{
      item.name=this.addJgData[index].name;
    });
    this.createCanvas(addJgOption,'addJg');
    //上月注销机构
    this.looutJgData=this.looutJgData.sort((a, b)=>{
      return a.realData-b.realData
    });
    lououtJgOption.series[0].data.forEach((item,index)=>{
      item.realData=this.looutJgData[index].realData;
    });
    lououtJgOption.series[1].data.forEach((item,index)=>{
      item.name=this.looutJgData[index].name;
    });
    this.createCanvas(lououtJgOption,'logoutJg');
    //机构轮播
    this.randomFun1();
    //定时动画
    this.randomFun();
  },
  methods:{
    randomFun(){
      clearTimeout(this.interVal)
      let index=parseInt(Math.random()*3);
      switch(index){
        case 0:
          this.createCanvas(TopOption,'topInstit');
          this.createCanvas(TopOption1,'topBusiness')
          break;
        case 1:
          this.createCanvas(instituOption,'institution')
          break;
        case 2:
          this.createCanvas(InstitNumOption,'institNum')
          break;
      }
      this.interVal=setTimeout(this.randomFun,3000);
    },
    randomFun1(){
      clearTimeout(this.interVal1)
      this.aFocus++;
      if(this.aFocus>3){
        this.aFocus=1
      }
      this.tabTypeFun(this.aFocus)
      this.interVal1=setTimeout(this.randomFun1,6000);
    },
    addAnimation(index){
      this.isAnimation=index
    },
    removeAnimation(){
      this.isAnimation=1000
    },
    prePage(){
      if(this.pageIndex<=1){
        this.pageIndex=1
        return false
      }
      this.pageIndex--;
    },
    nextPage(){
      if(this.pageIndex>=this.pageAll){
        this.pageIndex=this.pageAll
        return false
      }
      this.pageIndex++;
    },
    closeTable(){
      this.alertBoxShow=true;
      this.$refs.tableBox.style.display='none';
    },
    alertTable(){
      this.tableData=[
        {
          num: 1,
          pName: '深州市高古庄镇建瑞家庭农场',
          daima:'92131182MA0825GN9N',
          faren:'李彦松',
          address: '河北省衡水市深州市高古庄镇郭庄村'
        }, {
          num: 2,
          pName: '安平县永业家庭农场',
          daima:'92131125MA08T49C9M',
          faren:'王树强',
          address: '河北省衡水市安平县马店镇周村'
        }, {
          num: 3,
          pName: '冀州区少仁家庭农场',
          daima:'92131181MA07QDB513',
          faren:'南少仁',
          address: '衡水市冀州区西王镇五分村'
        }, {
          num: 4,
          pName: '河北衡湖生态科技有限公司',
          daima:'91131106795459252Q',
          faren:'陈恒雨',
          address: '河北省衡水滨湖新区魏屯镇于庄村'
        }, {
          num: 5,
          pName: '故城县其良种植专业合作社',
          daima:'93131126098296312A',
          faren:'刘其良',
          address: '河北省衡水市故城县武官寨镇杨柳庄村'
        }, {
          num: 6,
          pName: '衡水绿美农林有限责任公司',
          daima:'91131101MA0A89CY9H',
          faren:'张兰英',
          address: '河北省衡水市高新区康泰街3号'
        }, {
          num: 7,
          pName: '深州市刘岗农业有限公司',
          daima:'91131182MA0A7RR26B',
          faren:'郝硕',
          address: '河北省衡水市深州市北溪村乡东沿湾村村南'
        }, {
          num: 8,
          pName: '阜城县宏浩苗木种植场',
          daima:'92131128MA0A79W614',
          faren:'张文军',
          address: '河北省衡水市阜城县西环路西侧'
        }, {
          num: 9,
          pName: '衡水万丰农工贸有限公司',
          daima:'9113110260112712XM',
          faren:'赵志才',
          address: '衡水市桃城区红旗大街1910号'
        }, {
          num: 10,
          pName: '武邑县赵桥镇学泽养殖场',
          daima:'92131122MA0826EW26',
          faren:'刘学泽',
          address: '武邑县赵桥镇刘辛庄村东'
        }, {
          num: 11,
          pName: '武强县嘉泰牧业有限公司',
          daima:'91131123081306334W',
          faren:'康双菊',
          address: '武强县孙庄乡古坛村'
        }, {
          num: 12,
          pName: '深州市胜焕养牛场',
          daima:'92131182MA0A8J3N9E',
          faren:'刘新胜',
          address: '河北省衡水市深州市北溪村乡西绿村303号'
        }, {
          num: 13,
          pName: '深州市笑静养猪场',
          daima:'92131182MA0A8J2E9G',
          faren:'麻保堂',
          address: '河北省衡水市深州市北溪村乡西绿村'
        }, {
          num: 14,
          pName: '深州市西绿少霖养牛场',
          daima:'92131182MA0A8G2145',
          faren:'何少凜',
          address: '河北省衡水市深州市北溪村乡西绿村村西'
        }, {
          num: 15,
          pName: '阜城县水生养殖场',
          daima:'92131128MA0825JY81',
          faren:'邓智钢',
          address: '河北省衡水市阜城县古城镇张家院村'
        }
      ]
//      switch(name){
//        case 'anping':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//        case 'raoyang':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//        case 'wuqiang':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//        case 'senzhou':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//        case 'wuyi':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//        case 'fucheng':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//        case 'taocheng':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//        case 'jizhou':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//        case 'zhaoqiang':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//        case 'jingxian':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//        case 'gucheng':
//          this.tableData=[
//            {
//              num: 1,
//              pName: '深州市高古庄镇建瑞家庭农场',
//              daima:'92131182MA0825GN9N',
//              faren:'李彦松',
//              address: '河北省衡水市深州市高古庄镇郭庄村'
//            }, {
//              num: 2,
//              pName: '安平县永业家庭农场',
//              daima:'92131125MA08T49C9M',
//              faren:'王树强',
//              address: '河北省衡水市安平县马店镇周村'
//            }, {
//              num: 3,
//              pName: '冀州区少仁家庭农场',
//              daima:'92131181MA07QDB513',
//              faren:'南少仁',
//              address: '衡水市冀州区西王镇五分村'
//            }, {
//              num: 4,
//              pName: '河北衡湖生态科技有限公司',
//              daima:'91131106795459252Q',
//              faren:'陈恒雨',
//              address: '河北省衡水滨湖新区魏屯镇于庄村'
//            }, {
//              num: 5,
//              pName: '故城县其良种植专业合作社',
//              daima:'93131126098296312A',
//              faren:'刘其良',
//              address: '河北省衡水市故城县武官寨镇杨柳庄村'
//            }, {
//              num: 6,
//              pName: '衡水绿美农林有限责任公司',
//              daima:'91131101MA0A89CY9H',
//              faren:'张兰英',
//              address: '河北省衡水市高新区康泰街3号'
//            }, {
//              num: 7,
//              pName: '深州市刘岗农业有限公司',
//              daima:'91131182MA0A7RR26B',
//              faren:'郝硕',
//              address: '河北省衡水市深州市北溪村乡东沿湾村村南'
//            }, {
//              num: 8,
//              pName: '阜城县宏浩苗木种植场',
//              daima:'92131128MA0A79W614',
//              faren:'张文军',
//              address: '河北省衡水市阜城县西环路西侧'
//            }, {
//              num: 9,
//              pName: '衡水万丰农工贸有限公司',
//              daima:'9113110260112712XM',
//              faren:'赵志才',
//              address: '衡水市桃城区红旗大街1910号'
//            }, {
//              num: 10,
//              pName: '武邑县赵桥镇学泽养殖场',
//              daima:'92131122MA0826EW26',
//              faren:'刘学泽',
//              address: '武邑县赵桥镇刘辛庄村东'
//            }, {
//              num: 11,
//              pName: '武强县嘉泰牧业有限公司',
//              daima:'91131123081306334W',
//              faren:'康双菊',
//              address: '武强县孙庄乡古坛村'
//            }, {
//              num: 12,
//              pName: '深州市胜焕养牛场',
//              daima:'92131182MA0A8J3N9E',
//              faren:'刘新胜',
//              address: '河北省衡水市深州市北溪村乡西绿村303号'
//            }, {
//              num: 13,
//              pName: '深州市笑静养猪场',
//              daima:'92131182MA0A8J2E9G',
//              faren:'麻保堂',
//              address: '河北省衡水市深州市北溪村乡西绿村'
//            }, {
//              num: 14,
//              pName: '深州市西绿少霖养牛场',
//              daima:'92131182MA0A8G2145',
//              faren:'何少凜',
//              address: '河北省衡水市深州市北溪村乡西绿村村西'
//            }, {
//              num: 15,
//              pName: '阜城县水生养殖场',
//              daima:'92131128MA0825JY81',
//              faren:'邓智钢',
//              address: '河北省衡水市阜城县古城镇张家院村'
//            }, {
//              num: 16,
//              pName: '安平县众益养殖专业合作社',
//              daima:'93131125MA0A764J14',
//              faren:'刘顺辉',
//              address: '安平县程油子乡张店村村东150米处'
//            }, {
//              num: 17,
//              pName: '景县怡和养殖有限公司',
//              daima:'91131127MA08H8JY8F',
//              faren:'冯茂存',
//              address: '河北省衡水市景县广川镇姚家庄'
//            }, {
//              num: 18,
//              pName: '枣强博源水产养殖场',
//              daima:'92131121MA0A3F5N3F',
//              faren:'张广维',
//              address: '河北省衡水市枣强县马屯镇东文口村'
//            }, {
//              num: 19,
//              pName: '阜城县鱼林淡水养殖基地',
//              daima:'92131128MA0A1HKT24',
//              faren:'陈延顺',
//              address: '河北省衡水市阜城县码头镇八里庄村'
//            }, {
//              num: 20,
//              pName: '衡水市桃城区庆英农资经销处',
//              daima:'92131102MA084RMMX4',
//              faren:'代柱欣',
//              address: '衡水市桃城区河沿镇南沼村'
//            }
//          ]
//          break;
//      }
      this.$refs.tableBox.style.display='block';
    },
    tabTypeFun(type){
      this.aFocus=type
//      clearTimeout(this.interVal1);
      if(type==1){
        this.typeOptionData=[
          {
            name:"企业",
            data:[1560,1336,987,802,1560,900,899,1560,802,1336,1786,1555]
          },
          {
            name:"个体工商户",
            data:[2885,2653,1235,1355,2885,1555,2523,2885,1355,2653,4302,4262]
          },
          {
            name:"农民专业合作社",
            data:[62,34,6778,14,62,14,67,62,14,34,42,82]
          },
          {
            name:"同比",
            data:[-9.41, 12.21,8.41,8.23,-8.41,9.23,7.41,-10.41,8.23,10.21,12.45,1]
          },
          {
            name:"环比",
            data:[2.23, 32.03,1.23,-1.76,0.23,-2.76,3.23,1.23,-1.76,46.03,34.37,-3.91]
          }
        ];
        typeOption.yAxis[0].min=0;
        typeOption.yAxis[0].max=10000;
        typeOption.yAxis[1].min=-20;
        typeOption.yAxis[1].max=100;
        typeOption.series.forEach((item,index)=>{
          if(item.markPoint)return;
          item.name=this.typeOptionData[index].name;
          item.data=this.typeOptionData[index].data;
        });
      }else if(type==2){
        this.typeOptionData=[
        {
          name:"机关",
          data:[23,13,33,12,33,12,3,49,34,30,30,10]
        },
        {
          name:"事业单位",
          data:[30,10,10,10,30,20,30,5,10,30,10,30]
        },
        {
          name:"编办直接管理\n机构编制的\n群众团体",
          data:[10,11,12,33,10,20,20,15,10,10,10,30]
        },
        {
          name:"同比",
          data:[10,30,20,10,10,10,10,10,30,20,10,10]
        },
        {
          name:"环比",
          data:[20,10,13,15,10,10,30,20,30,10,30,10]
        }
      ];
        typeOption.yAxis[0].min=0;
        typeOption.yAxis[0].max=100;
        typeOption.yAxis[1].min=0;
        typeOption.yAxis[1].max=100;
        typeOption.series.forEach((item,index)=>{
          if(item.markPoint)return;
          item.name=this.typeOptionData[index].name;
          item.data=this.typeOptionData[index].data;
        });
      }else if(type==3){
        this.typeOptionData=[
          {
            name:"社会团体",
            data:[7,5,7,4,7,4,7,7,4,5,3,4]
          },
          {
            name:"民办非企业单位",
            data:[18,8,18,3,18,3,18,18,3,8,15,15]
          },
          {
            name:"基金会",
            data:[0,0,0,0,0,0,0,0,0,0,0,0]
          },
          {
            name:"同比",
            data:[-2.32, -1.11,-2.32,1.12,-2.32,1.12,-2.32,-2.32,1.12,-1.11,2.21,1.12]
          },
          {
            name:"环比",
            data:[1.15, 1.43,1.15,1.45,1.15,1.45,1.15,1.15,1.45,1.43,2.33,1.43]
          }
        ];
        typeOption.yAxis[0].min=0;
        typeOption.yAxis[0].max=30;
        typeOption.yAxis[1].min=-5;
        typeOption.yAxis[1].max=5;
        typeOption.series.forEach((item,index)=>{
          if(item.markPoint)return;
          item.name=this.typeOptionData[index].name;
          item.data=this.typeOptionData[index].data;
        });
      }
      this.createCanvas(typeOption,'instiType')
    },
    getDataPer(type){
      if(type==1){
        this.alertBoxShow=true;
        this.newAddShow=false;
        this.logoutShow=false;
        this.madelShow=false;
      }else if(type==2){
        this.alertBoxShow=false;
        this.newAddShow=false;
        this.logoutShow=true;
        this.madelShow=true;
      }else if(type==3){
        this.alertBoxShow=false;
        this.newAddShow=true;
        this.logoutShow=false;
        this.madelShow=true;
      }
    },
    createCanvas(option,refName){
      let eleM=this.$refs[refName];
      let myChart = this.$echarts.init(eleM);
      myChart.clear();
      option['animation']=true;
      option['animationDuration']=1000;
      option['animationEasing']='cubicOut'
      myChart.setOption(option);
    },
  }
}
</script>

<style scoped lang="scss">
  @import "pageOne";
</style>
